/*锚点链接*/
.bottom_anchor{
    width:2.2rem;
    height:2.2rem;
    position:fixed;
    z-index: 6;
    bottom:0;
    bottom: 1rem;
    right: 1rem;
    -webkit-animation: fadeIn 1s  0s 1;
    -o-animation: fadeIn 1s  0s 1;
    animation: fadeIn 1s  0s 1;
}
@-webkit-keyframes fadeIn {
    0% {
    opacity: 0; /*初始状态 透明度为0*/
    }
    20% {
    opacity: .3; /*中间状态 透明度为0*/
    }
    100% {
    opacity: 1; /*结尾状态 透明度为1*/
    }
}
.bottom_anchor a{ 
    margin-top: .5rem;
    display:block;
    background:url(../img/back_top.png) no-repeat center;         
    background-size: 2.2rem;
    height:2.2rem;
    width:2.2rem;
}
.main>div>ul{
    background-color:#EEE;
}
/*刷新旋转*/
.refresh{
        -webkit-transform: rotate(360deg);
        animation: rotation .7s linear infinite;
        -moz-animation: rotation .7s linear infinite;
        -webkit-animation: rotation .7s linear infinite;
        -o-animation: rotation .7s linear infinite;   
}      
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
    }